<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Cache-Control" content="no-siteapp" />
 <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="css/style.css"/>       
        <link href="assets/css/codemirror.css" rel="stylesheet">
        <link rel="stylesheet" href="assets/css/ace.min.css" />
        <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
        	<!--[if IE 7]>
		  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
		<![endif]-->
        <!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->
		<script src="js/jquery-1.9.1.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="Widget/Validform/5.3.2/Validform.min.js"></script>
		<script src="assets/js/jquery.dataTables.min.js"></script>
		<script src="assets/js/jquery.dataTables.bootstrap.js"></script>
		<script src="assets/js/typeahead-bs2.min.js"></script>           	
        <script src="assets/layer/layer.js" type="text/javascript" ></script>          
        <script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
		<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
        <script src="assets/js/ace-elements.min.js"></script>
		<script src="assets/js/ace.min.js"></script>
		<script src="js/lrtk.js" type="text/javascript" ></script>
	    <script src="assets/laydate/laydate.js" type="text/javascript"></script>
		<style>
		.qwer p label{
		width:100px;
		}
		.qwer p input{
		margin:0;
		}
		.qwer p{
		margin:30px 0;
		}
		.sns-msg {
    _height: 25px;
    min-height: 25px;
    margin: 0;
	padding: 15px 0;
    width: 30%;
    margin: 0 auto;
}
.sns-msg p {
    line-height: 30px!important;
    padding: 0 10px 0 32px!important;
	border: 1px solid #CEDBA0;
    background-color: #FCFFE0;
    background-position: -50px 8px;
    color: #8DAE1A;
	background: url(./images/icon_right_s.png) no-repeat 145px 5px;
	background-color:#FCFFE0
		</style>
<title>实名认证</title>

</head>

<body>
	
<div class="margin clearfix">
 <div class="stystems_style">
  <div class="tabbable">
  <div class="page-content clearfix">
    <div id="Member_Ratings">
      <!--<div class="d_Confirm_Order_style">
	<ul class="nav nav-tabs" id="myTab">
	  <li class="active">
		<a data-toggle="tab" href="#home"><i class="green fa fa-home bigger-110"></i>订单处理</a></li>
	</ul>
	</div>-->
		 <h4 class="header blue lighter bigger">
			<i class="icon-coffee green"></i>
				实名认证 
			</h4>
 <form>
 <div class="sns-msg" style="display:none" id="ook">
	<p class="ok" style="font-weight:bold">资料修改成功!</p>
 </div>
<div class="add_menber" id="add_menber_style">
    <ul class="page-content qwer" >
	<p>
     <label class="label_name"><span style="color:red;">*</span>用&nbsp;&nbsp;户&nbsp;&nbsp;名：</label><span style="color:#BC1717;position: relative;left: 28px;">664515784@XX.com</span>
	</p>	
	<p>
	<label class="label_name" ><span style="color: red;">*</span>真实姓名：</label><span style="color:#BC1717;position: relative;left: 28px;">张三</span>
	</p>
	<p>
	<label class="label_name"><span style="color: red;">*</span>身份证号:</label><span style="color:#BC1717;position: relative;left: 28px;">41060**********018</span>
	</p>
	<p>
	 <label class="label_name">上传示例：</label>
		
		<img id="preview" src="./images/sfz1.jpg" width="100" height="100" style="display: inline-block; width: 150px; height: 80px; margin-right: 80px;">
		<img id="preview" src="./images/sfz2.jpg" width="100" height="100" style="display: inline-block; width: 150px; height: 80px;">	
	<br/>
	<span style="
    margin-left: 100px;
">个人信息所在面</span>&nbsp;&nbsp;<span  style="
    margin-left: 80px;
">国徽图案面</span>
</p>
	<p>
	 <label class="label_name">身份证类型：</label>
		
		<img id="preview" src="./images/user.png" width="100" height="100" style="display: inline-block; width: 150px; height: 80px; margin-right: 80px;">
		<img id="preview" src="./images/user.png" width="100" height="100" style="display: inline-block; width: 150px; height: 80px;">	
	<br/>
	<span style="
    margin-left: 100px;
">个人信息所在面</span>&nbsp;&nbsp;<span  style="
    margin-left: 80px;
">国徽图案面</span>
	<br/>
	<i class='btn-xs' style="color:#C0C0C0;font-size:20;margin-left: 100px;margin-top: 22px;
    display: inline-block;"><span style="color: red;">*</span><span>证件必须是清晰彩色原件电子版,可以是扫描件或者数码拍摄照片,</span><span style="display:block">仅支持.jpg.jpeg.bmp的图片格式。<em style="color:red">图片大小不超过2M。</em></span></i>
	</p>
	<p>
	<label class="label_name" style="width:115px"><span style="color: red;">*</span>身份证到期时间:</label>
		 <input value="" name="确认密码" type="text" id="sqcsj"  class="text_add"/>
	</p>
	<button type="button" onclick="member_ok(500)" class=" btn btn-primary" style="position: relative;left:75px;" id="login_btn">确认提交</button>
    </ul>
 </div>
 </form>
 </div>
		</div>
		</div>
 </div>
</div>
</body>
</html>
<script>
jQuery(function($) {						

				$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('table')
					var off1 = $parent.offset();
					var w1 = $parent.width();
			
					var off2 = $source.offset();
					var w2 = $source.width();
			
					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
					return 'left';
				}
			})

function member_ok(id){
	 layer.open({
	 title: '提示',
	 content:'提交成功!请耐心等待结果。'
	 ,btn:['确定','取消'],
	 yes:function(){
	 window.location.href='personal_data.html';
	 } })
	 }


laydate({
    elem: '#sqcsj',
    event: 'focus' 
});
</script>
